<template>
  <div>
    <myNavbar title="商家"></myNavbar>
    <div class="banner">
      <image class="banner-iamge"  src="https://lsh-cloud.oss-cn-beijing.aliyuncs.com/20210711/a1a2f0f3a071452fa9bf96cd01c73844.jpg?x-oss-process=image/resize,w_800"> </image>
    </div>
    <div class="sports">
      <div class="sports-inner">
        <div>
          <div class="sport-name"><text class="sport-name-text">联生活厦门店</text></div>
          <div class="sport-score"><text class="sport-score-text">5分人气372</text></div>
        </div>
        <div>
          <div class="sport-share-image"><image class="sport-share-image"  src="https://lsh-1303308562.cos.ap-beijing.myqcloud.com/static/img/lianqu/icon/share.png"></image> </div>
          <div class="sport-share-text"><text>分享</text></div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "merchantDetails.vue"
}
</script>

<script>
import myNavbar from "../../../components/myNavbar/myNavbar.vue";
export default {
  data(){
    return{

    }
  },
  components: { myNavbar },

}
</script>
<style scoped>
.banner{
  width: 750px;
  height: 500px;
}
.banner-iamge{
  width: 750px;
  height: 500px;
}
.sports-inner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 30px;
}
.sport-share-image{
  width:40px;
  height:40px;
}
.sport-name-text{
  font-size: 50px;
}
.sport-score-text{
  font-size: 28px;
}

</style>
